<cfoutput>
	<div name="QdivImage" id="QdivImage" style="margin-left: auto; margin-right: auto; margin-bottom: 50px; height: 300px; width: 500px;">
		<div  style="margin-left: auto; margin-right: auto; position: absolute; top: 30%; left: 43%;">
			<div id="jp_player_1" class="jp-player">
			</div>
			<div class="jp-audio">
				<div class="jp-type-single">
				  <div id="jp_interface_1" class="jp-interface ui-widget-content">
					<ul class="jp-controls">
					  <li><a href="##" class="jp-play" tabindex="1">play</a></li>
					  <li><a href="##" class="jp-pause" tabindex="1">pause</a></li>
					  <li><a href="##" class="jp-stop" tabindex="1">stop</a></li>
					</ul>
				  </div>
				</div>
			</div>
		</div>
	</div>

	<script type="text/javascript">
		$(document).ready(function(){
			$("##jp_player_1").jPlayer({
				ready: function () {
						$( "##dialog-confirm" ).dialog({
							resizable: false,
							height:300,
							modal: true,
							buttons: {
								"Continue": function() {
									$("##jp_player_1").jPlayer("setMedia", {
										<cfif #file.fileext# eq "mp3">
										<cfoutput>mp3: "getfile.cfm?id=3&ext=.mp3"</cfoutput>
										</cfif>
									}).jPlayer("play");
									$( this ).dialog( "close" );
								},
								Cancel: function() {
									$( this ).dialog( "close" );
								}
							}
						});
				},
				<cfif #file.fileext# eq "mp3">
					<cfoutput>supplied: "mp3"</cfoutput>
				</cfif>
			});
		}); 
	</script>
</cfoutput>